<ion-header>
  <ion-navbar>
    <ion-title>年度自检</ion-title>
  </ion-navbar>
</ion-header>
<ion-content class="debris">
  <ion-list class="debirs-half">

    <ion-item no-lines>
      <h2 *ngIf="elevatorType==3||elevatorType==1||elevatorType==5||elevatorType==2">
        <span style="color: red">*</span>手动紧急操作装置 </h2>
      <p *ngIf="elevatorType==3||elevatorType==1||elevatorType==5||elevatorType==2">齐全，在指定位置 </p>

      <h2 *ngIf="elevatorType==4||elevatorType==6">
        <span style="color: red">*</span>主驱动链 </h2>
      <p *ngIf="elevatorType==4||elevatorType==6">运转正常，电气安全保护装置动作有效</p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('pic1')" *ngIf="!selfCheckBean.pic1.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('pic1')" *ngIf="selfCheckBean.pic1.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('pic1')" *ngIf="selfCheckBean.pic1.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('pic1')" *ngIf="!selfCheckBean.pic1.isOk">
      </ion-thumbnail>
    </ion-item>
    <div *ngIf="!selfCheckBean.pic1.isOk">
      <div class="area">
        <ion-textarea type="text" placeholder="输入其他要补充的内容" rows="3" [(ngModel)]="selfCheckBean.pic1.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('pic1','c')">
        <img *ngFor="let pic of selfCheckBean.pic1.picUrl " (click)="onHold('pic1',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>
    <div *ngIf="selfCheckBean.pic1.isOk">
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('pic1','c')">
        <img *ngFor="let pic of selfCheckBean.pic1.picUrl " (click)="onHold('pic1',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>
    <ion-item no-lines>
      <h2 *ngIf="elevatorType==3||elevatorType==1||elevatorType==5||elevatorType==2">
        <span style="color: red">*</span>轿顶检修开关、停止装置 </h2>
      <p *ngIf="elevatorType==3||elevatorType==1||elevatorType==5||elevatorType==2">工作正常 </p>

      <h2 *ngIf="elevatorType==4||elevatorType==6">
        <span style="color: red">*</span>梯级或者踏板下陷开关 </h2>
      <p *ngIf="elevatorType==4||elevatorType==6">工作正常 </p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('pic2')" *ngIf="!selfCheckBean.pic2.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('pic2')" *ngIf="selfCheckBean.pic2.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('pic2')" *ngIf="selfCheckBean.pic2.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('pic2')" *ngIf="!selfCheckBean.pic2.isOk">
      </ion-thumbnail>
    </ion-item>
    <div *ngIf="!selfCheckBean.pic2.isOk">
      <div class="area">
        <ion-textarea type="text" placeholder="输入其他要补充的内容" rows="3" [(ngModel)]="selfCheckBean.pic2.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('pic2','c')">
        <img *ngFor="let pic of selfCheckBean.pic2.picUrl " (click)="onHold('pic2',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>
    <div *ngIf="selfCheckBean.pic2.isOk">
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('pic2','c')">
        <img *ngFor="let pic of selfCheckBean.pic2.picUrl " (click)="onHold('pic2',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>
    <ion-item no-lines>
      <h2 *ngIf="elevatorType==3||elevatorType==1||elevatorType==5||elevatorType==2">
        <span style="color: red">*</span>底坑停止装置 </h2>
      <p *ngIf="elevatorType==3||elevatorType==1||elevatorType==5||elevatorType==2">工作正常 </p>

      <h2 *ngIf="elevatorType==4||elevatorType==6">
        <span style="color: red">*</span>紧急停止开关 </h2>
      <p *ngIf="elevatorType==4||elevatorType==6">工作正常 </p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('pic3')" *ngIf="!selfCheckBean.pic3.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('pic3')" *ngIf="selfCheckBean.pic3.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('pic3')" *ngIf="selfCheckBean.pic3.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('pic3')" *ngIf="!selfCheckBean.pic3.isOk">
      </ion-thumbnail>
    </ion-item>
    <div *ngIf="!selfCheckBean.pic3.isOk">
      <div class="area">
        <ion-textarea type="text" placeholder="输入其他要补充的内容" rows="3" [(ngModel)]="selfCheckBean.pic3.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('pic3','c')">
        <img *ngFor="let pic of selfCheckBean.pic3.picUrl " (click)="onHold('pic3',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>
    <div *ngIf="selfCheckBean.pic3.isOk">
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('pic3','c')">
        <img *ngFor="let pic of selfCheckBean.pic3.picUrl " (click)="onHold('pic3',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>
    <ion-item no-lines>
      <h2>补充项目1 </h2>
      <p>工作正常</p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('summary1')" *ngIf="!selfCheckBean.summary1.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('summary1')" *ngIf="selfCheckBean.summary1.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('summary1')" *ngIf="selfCheckBean.summary1.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('summary1')" *ngIf="!selfCheckBean.summary1.isOk">
      </ion-thumbnail>
    </ion-item>
    <div>
      <div class="area">
        <ion-textarea type="text" placeholder="输入检查的项目内容" rows="3" [(ngModel)]="selfCheckBean.summary1.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('summary1','c')">
        <img *ngFor="let pic of selfCheckBean.summary1.picUrl " (click)="onHold('summary1',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>


    <ion-item no-lines>
      <h2>补充项目2 </h2>
      <p>工作正常</p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('summary2')" *ngIf="!selfCheckBean.summary2.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('summary2')" *ngIf="selfCheckBean.summary2.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('summary2')" *ngIf="selfCheckBean.summary2.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('summary')" *ngIf="!selfCheckBean.summary2.isOk">
      </ion-thumbnail>
    </ion-item>
    <div>
      <div class="area">
        <ion-textarea type="text" placeholder="输入检查的项目内容" rows="3" [(ngModel)]="selfCheckBean.summary2.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('summary2','c')">
        <img *ngFor="let pic of selfCheckBean.summary2.picUrl " (click)="onHold('summary2',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>

    <ion-item no-lines>
      <h2>补充项目3 </h2>
      <p>工作正常</p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('summary3')" *ngIf="!selfCheckBean.summary3.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('summary3')" *ngIf="selfCheckBean.summary3.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('summary3')" *ngIf="selfCheckBean.summary3.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('summary3')" *ngIf="!selfCheckBean.summary3.isOk">
      </ion-thumbnail>
    </ion-item>
    <div>
      <div class="area">
        <ion-textarea type="text" placeholder="输入检查的项目内容" rows="3" [(ngModel)]="selfCheckBean.summary3.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('summary3','c')">
        <img *ngFor="let pic of selfCheckBean.summary3.picUrl " (click)="onHold('summary3',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>

    <ion-item no-lines>
      <h2>补充项目4 </h2>
      <p>工作正常</p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('summary4')" *ngIf="!selfCheckBean.summary4.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('summary4')" *ngIf="selfCheckBean.summary4.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('summary4')" *ngIf="selfCheckBean.summary4.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('summary4')" *ngIf="!selfCheckBean.summary4.isOk">
      </ion-thumbnail>
    </ion-item>
    <div>
      <div class="area">
        <ion-textarea type="text" placeholder="输入检查的项目内容" rows="3" [(ngModel)]="selfCheckBean.summary4.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('summary4','c')">
        <img *ngFor="let pic of selfCheckBean.summary4.picUrl " (click)="onHold('summary4',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>
    <ion-item no-lines>
      <h2>补充项目5 </h2>
      <p>工作正常</p>
      <ion-thumbnail item-end>
        <img src="assets/icon/ic_√_nomal.png" (click)="doOk('summary5')" *ngIf="!selfCheckBean.summary5.isOk">
        <img src="assets/icon/ic_√_select.png" (click)="doOk('summary5')" *ngIf="selfCheckBean.summary5.isOk ">
        <img src="assets/icon/ic_×_nomal.png" (click)="doOk('summary5')" *ngIf="selfCheckBean.summary5.isOk">
        <img src="assets/icon/ic_×_select.png" (click)="doOk('summary5')" *ngIf="!selfCheckBean.summary5.isOk">
      </ion-thumbnail>
    </ion-item>
    <div>
      <div class="area">
        <ion-textarea type="text" placeholder="输入检查的项目内容" rows="3" [(ngModel)]="selfCheckBean.summary5.remark"></ion-textarea>
      </div>
      <div class="camera">
        <img src="assets/icon/remark_camera.png" (click)="doCamera('summary5','c')">
        <img *ngFor="let pic of selfCheckBean.summary5.picUrl " (click)="onHold('summary5',pic)" src="{{whaturl(pic)}}" />
      </div>
    </div>

    <ion-list>
      <div class="cameradiv">
        <p>自查报告实拍图</p>
        <div class="camera">
          <img src="assets/icon/remark_camera.png" (click)="doCamera2('c')">
          <img *ngFor="let pic of selfCheckBean.reportPics" (click)="onHold2(pic)" src="{{appConfig.IP_URL+appConfig.API.getUpload+pic}}"
          />
        </div>
      </div>
      <ion-item style="margin-top:10px;">
        <ion-label>请问检查是否合格:</ion-label>
        <ion-select interface="popover" okText="确定" cancelText="取消" placeholder="请选择" [(ngModel)]="selfCheckBean.isPass">
          <ion-option value="0">不合格</ion-option>
          <ion-option value="1">合格</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>

    <div class="signarea">
      <p>请检查人签名
        <span style="color: #757272">（提示:请在签完名后点击保存）</span>
      </p>
      <signatrue [inValue]="time1" (outPut)="getImgUrl($event)"></signatrue>
    </div>

    <div class="signarea">
      <p>请使用单位电梯管理员签名
        <span style="color: #757272">（提示:请在签完名后点击保存）</span>
      </p>
      <signatrue [inValue]="time2" (outPut)="getImgUrl2($event)"></signatrue>
    </div>


    <button ion-button block outline class="submit1" (click)="doSubmit()">提交</button>
  </ion-list>
</ion-content>